// pages/course/detail.js
import {getProduct} from '../../utils/product.api.js';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    courseId: null,
    course: null,
    isLoading: true,
    chapters: [],
    isCollected: false,
    currentTab: 'intro'  // 当前选中的标签：intro-介绍，catalog-目录，comment-评价
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    if (options.id) {
      this.setData({
        courseId: options.id
      })
      this.loadCourseDetail()
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    this.loadCourseDetail()
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {
    const course = this.data.course
    if (course) {
      return {
        title: course.title,
        path: `/pages/course/detail?id=${this.data.courseId}`,
        imageUrl: course.coverUrl
      }
    }
    return {}
  },

  // 加载课程详情
  async loadCourseDetail() {
    this.setData({ isLoading: true })
    
    // 模拟API调用
    const res = await getProduct(this.data.courseId)
    this.setData({
      course: res.data,
      chapters: res.data.courseResources,
      isLoading: false
    })
  },
  
  // 切换标签
  switchTab(e) {
    const tab = e.currentTarget.dataset.tab
    this.setData({
      currentTab: tab
    })
  },
  
  // 收藏/取消收藏课程
  toggleCollect() {
    // TODO: 调用收藏API
    this.setData({
      isCollected: !this.data.isCollected
    })
    
    wx.showToast({
      title: this.data.isCollected ? '已收藏' : '已取消收藏',
      icon: 'success'
    })
  },
  
  // 立即购买
  buyNow() {
    // 跳转到订单确认页面
    wx.navigateTo({
      url: `/pages/order/confirm?id=${this.data.courseId}`
    })
  },
  
  // 播放课程
  playCourse(e) {
    const sectionId = e.currentTarget.dataset.id
    // TODO: 跳转到视频播放页面
    wx.navigateTo({
      url: `/pages/course/video?id=${sectionId}`
    })
    // wx.showToast({
    //   title: '即将播放课程',
    //   icon: 'none'
    // })

  }
})